{extend name="layouts@base" /}
{block name="head"}
<style>
    .wh {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }
</style>
{/block}
{block name="main" }
<div class="page-bd" id="app">
    <div class="wh flex-column">
        <van-search placeholder="输入城市: " v-model="value"></van-search>
        <div class="touch flex-item" v-if="!value">
            <van-cell-group title="当前定位">
                <van-cell :title="city" />
            </van-cell-group>
            <van-cell-group title="所有城市" @click="selectCity">
                <van-cell :title="item.name" v-for="item in citys" :key="item.id" :data-index="item.id"></van-cell>
            </van-cell-group>
        </div>
        <div class="touch" v-else>
            <van-cell-group @click="selectCity">
                <van-cell :title="item.name" v-for="item in searchCitys" :key="item.id" :data-index="item.id">
                </van-cell>
            </van-cell-group>
            <div class="touch flex-center" v-if="!searchCitys.length">无结果</div>
        </div>
    </div>
</div>
</div>
</div>

{/block}
{block name="footer"}
<script src="__STATIC__/built/pages/storeAddress.js"></script>
{/block}